import React from 'react'
import { Row, Col } from 'antd';
import '@/assets/scss/ych//One/AddMoney.scss'
import TextTitle from '@/components/ych/AddMoney/PublicApi/TextTitle'
import MySelect from '@/components/ych/AddMoney/PublicApi/MySelect'
import MyRadio from './PublicApi/MyRadio';
import MyUpload from './PublicApi/MyUpload'

const inputWidth = '100%'  // 输入框的宽度

export default function OneSecond() {
    
    return (  // 下面的每一个代表每一行
        <>
            <ThisOne />
            <ThisTwo />
        </>
    )
}

const ThisOne = (props) => {
    const oneList = ["否", "是"]  // 是否担保的单选按钮
    const twoList = ["上海泽润典当有限公司", "第八号当铺有限公司", "川川集团有限公司"]
    return (
        <Row gutter={0} className="row">
            <Col className="gutter-row, text-right" span={4}>
                <TextTitle title="是否担保" />
            </Col>
            <Col className="gutter-row, lineheight" span={7}>
                <MyRadio List={oneList} />
            </Col>
            <Col className="gutter-row, text-right" span={4}>
                <TextTitle title="担保机构" />
            </Col>
            <Col className="gutter-row" span={7}>
                <MySelect defaultValue="上海泽润典当有限公司" List={twoList} inputWidth={inputWidth} />
            </Col>
        </Row>
    )
}
const ThisTwo = (props) => {
    const twoList = ["无", "房抵", "车抵", "民品抵"]  // 是否担保的单选按钮
    return (
        <Row gutter={0} className="row">
            <Col className="gutter-row, text-right" span={4}>
                <TextTitle title="抵押类型" />
            </Col>
            <Col className="gutter-row, lineheight" span={7}>
                <MyRadio List={twoList} />
            </Col>
            <Col className="gutter-row, text-right" span={4}>
                <TextTitle title="抵押物材料" />
            </Col>
            <Col className="gutter-row" span={7}>
                <MyUpload />
            </Col>
        </Row>
    )
}